<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>书籍商城</title>
    <link rel="stylesheet" href="index.css">
    <script src="index.js" type="module"></script>
</head>
<body>
<div id="app">

    <header id="header">
        <!--网页的头部-->
        <!--导航内容-->
        <aside id="aside">
            <!--logo-->
            <div>
                <img style="width: 100px; height: 60px " src="img/logo.png" alt="网站 Logo">
            </div>
            <!--导航栏部分-->
            <nav id="nav">
                <ul>
                    <li>
                        <a href="">{{ menu[0].name}}</a>
                    </li>
                    <li>
                        <a href="">{{ menu[1].name}}</a>
                    </li>
                    <li>
                        <a href="">{{ menu[2].name}}</a>
                    </li>
                    <li>
                        <a href="">{{ menu[3].name}}</a>
                    </li>
                </ul>
            </nav>
        </aside>
    </header>
    <main>
        <!--网页的主体内容-->
    </main>
    <footer>
        <!--网页的底部-->
    </footer>
</div>
</body>
</html>